<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新闻详情</title>
    <meta name="description" content="网站描述">
    <meta name="keywords" content="关键字">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/news.css">
    <link rel="stylesheet" type="text/css" href="css/simplePagination.css" />
    <style>
        #right header .span{padding: 5px 10px;border:1px solid #ccc;font-size: 1em;cursor: pointer;}
        #right header .span:hover{background: #bbb;}
    </style>
</head>
<body>
    <div class="con">
        <div id="left">
            <img src="images/napinlogo.png" alt="" width="160">
            <div class="qr-code">
                <img src="images/qr-code.png" alt="" width="130">
                <p>扫一扫微信二维码</p>
            </div>
            <nav>
                <a href="index.html">公司首页</a>
                <a href="news.html">新闻中心</a>
                <a href="">纳品网</a>
            </nav>
        </div>
        <div id="right">
            <header>
                <!-- 关闭左侧 -->
                <span class="closeleft"></span>
                <a href="news.html" class="span">全部</a>
                <span class="span">PREV</span>
                <span class="span">NEST</span>
            </header>
            <div id="article">
                <div>
                    <h1>今日纳品网在市场上的的最新动态</h1>
                    <p>包括中央委员会委员、中央候补委员、中央纪律检查委员会委员。在之后召开的中央委员会全 会上选举中央委员会总书记、中央政治局、中央</p>
                    <p>包括中央委员会委员、中央候补委员、中央纪律检查委员会委员。在之后召开的中央委员会全 会上选举中央委员会总书记、中央政治局、中央</p>
                    <p>，国家邮政局安全监督管理司副司长林虎，安全监督管理司市场检查处处长尹训国、干部赵康 一行莅临申通快递总部督导检查企</p>
                    <img src="images/article-img.jpg" alt="">
                    <p>，国家邮政局安全监督管理司副司长林虎，安全监督管理司市场检查处处长尹训国、干部赵康 一行莅临申通快递总部督导检查企，国家邮政局安全监督管理司副司长林虎，安全监督管理司市场检查处处长尹训国、干部赵康 一行莅临申通快递总部督导检查企，国家邮政局安全监督管理司副司长林虎，安全监督管理司市场检查处处长尹训国、干部赵康 一行莅临申通快递总部督导检查企，国家邮政局安全监督管理司副司长林虎，安全监督管理司市场检查处处长尹训国、干部赵康 一行莅临申通快递总部督导检查企，国家邮政局安全监督管理司副司长林虎，安全监督管理司市场检查处处长尹训国、干部赵康 一行莅临申通快递总部督导检查企，国家邮政局安全监督管理司副司长林虎，安全监督管理司市场检查处处长尹训国、干部赵康 一行莅临申通快递总部督导检查企</p>
                    <img src="images/article-img.jpg" alt="">

                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
        var mainheight = $(window).height()-80;
        $('#right #article').height(mainheight);
        $(function(){
            $('#right header').on("click","a",function(){
                $(this).addClass('active').siblings('a').removeClass('active');
            });
            $('#right .closeleft').click(function(){
                $(this).toggleClass('click');
                $('#left').animate({
                    "width":"0px"
                },300);
                if ($('#left').width()) {
                    $('#left').animate({
                        "width":"0px"
                    },300);
                } else{
                    $('#left').animate({
                        "width":"240px"
                    },300);
                }
            });
        })
    </script>
</body>
</html>
